// pages/detail/detail.js
import { getNewDetail,getComment,addComment } from "../../api/articles";
Page({

  /**
   * 页面的初始数据
   */
  data: {
   articleId:null,
   articleList:{},
   articleComment:[],
   show:false,//评论弹出窗
   inputValue:'',
   inputCursor:0,
   inpContent:''//输入框的内容
  },
  // 点击写评论
  handleComment(){
    this.setData({
      show:true
    })
  },
  // 获取输入框的值
  handleInp(e){
    // console.log(e.detail.value);//输入的字
    // console.log(e.detail.cursor);//输入字的长度
   this.setData({
    inputValue:e.detail.value,
    inputCursor:e.detail.cursor
  })
  // 
  },
  // 点击发布，获取数据
 async handlePublish(){
  // console.log(this.data.articleId);
  // if(inputValue==='')return
  const res = await addComment({target:this.data.articleId,content:this.data.inputValue})
  // console.log(res.data.new_obj);
  const newComment = res.data.new_obj
  // 把新的数据给到评论数组，成为响应式
  this.setData({
    articleComment:this.data.articleComment.unshift(newComment),
    // 清空数据 关闭弹窗
    inputCursor:0,
    inputValue:'',
    show:false
  })

  // console.log(this.data.inputValue+'zs');
  // 清空数据
  
 },
  // 获取新闻的详情
//  async getNewDetail(){
//     const res = await getNewDetail(this.data.articleId)
//     console.log(res);
//   },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
  //  this.getNewDetail()
   console.log(options);
   this.setData({
    articleId:options.id
   })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  async onShow() {
    // 获取新闻的详情
    const res = await getNewDetail(this.data.articleId)
    console.log(res);
    this.setData({
      articleList:res.data
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
  
  },
  //  点击左箭头跳回首页面
  leftArrow(){
    wx.navigateBack({
      delta:"1"
    })
  },
  /**
   * 页面上拉触底事件的处理函数
   */
 async onReachBottom() {
  // 获取评论或回复
 const res = await getComment({type:'a',source:this.data.articleId,limit:10})
  //  console.log(res.data.results);
   this.setData({
    articleComment:res.data.results
   })
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})